
<div id="xxx" class="fluent-multi-splitter" orientation="horizontal" b-jqgxt85tcc="">
  <div id="xxx" status="collapsed" class="fluent-multi-splitter-pane" style="flex-basis: 33%;" data-index="0">Pane A</div>
  <div class="fluent-multi-splitter-bar" status="collapsed" blazor:onmousedown="1" blazor:onclick:preventdefault="" blazor:onclick:stoppropagation="">
    <span part="expand" blazor:onmousedown="6" blazor:onmousedown:preventdefault="" blazor:onmousedown:stoppropagation=""></span>
  </div>
  <div id="xxx" status="resizable" class="fluent-multi-splitter-pane" style="flex-basis: 33%;" data-index="1">Pane B</div>
  <div class="fluent-multi-splitter-bar" status="resizable" blazor:onmousedown="3" blazor:onclick:preventdefault="" blazor:onclick:stoppropagation="">
    <span part="collapse" blazor:onmousedown="4" blazor:onmousedown:preventdefault="" blazor:onmousedown:stoppropagation=""></span>
    <span part="resize"></span>
    <span part="expand" blazor:onmousedown="5" blazor:onmousedown:preventdefault="" blazor:onmousedown:stoppropagation=""></span>
  </div>
  <div id="xxx" status="lastresizable" class="fluent-multi-splitter-pane" style="flex-basis: 33%;" data-index="2">Pane C</div>
</div>